@width: 100%;

.display {
  display: inline-block;
  vertical-align: top;
}

.box {
  box-sizing: border-box;
}

.ly-banner {
  .swiper-slide {
    position: relative;
    a {
      width: @width;
      height: 100px;
      text-align: center;
      display: block;
      z-index: 9;
      padding: 10px 0;
      .box;
      margin: 20px 0;
      h1 {
        color: #000;
        font-size: 18px;
        line-height: 30px;
      }
      h6 {
        color: #000;
        font-size: 14px;
      }
      p {
        color: #111;
        font-size: 14px;
      }
    }
    img {
      width: @width;
      display: block;
      //transition: 0.4s;
      //&:hover{
      //  transform: scale(1.1);
      //}
    }
  }
}

.ly-content {

  .ly-list {
    //width: @width;
    //font-size: 0;
    width: @width;
    font-size: 0;

    -webkit-column-count: 2;
    -webkit-column-gap: 0;
    -webkit-column-rule: 0;

    -moz-column-count: 2;
    -moz-column-gap: 0;
    -moz-column-rule: 0;

    /* ie */
    column-count: 2;
    column-gap: 0;
    column-rule: 0;
    li {
      //width: @width/2;
      padding: 10px;
      margin-bottom: 20px;
      .box;
      .display;
      text-align: center;
      img {
        width: @width;
        //height: 662px;
      }
      h6 {
        line-height: 30px;
        font-size: 14px;
      }
      h1 {
        line-height: 30px;
        font-size: 16px;
        color: #111;
      }
      p {
        color: #000;
        font-size: 14px;
      }
      &:hover {
        background: #f3f3f3;
      }
      &:last-child {
        width: @width;
       img{
         //height: 1360px;
       }
      }
    }
  }
}


.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("../images/icon_right.png");
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("../images/icon_left.png");
}

.swiper-button-next, .swiper-button-prev {
  background-size: 45px 45px;
}

//header {
//  background: none !important;
//}

@media screen  and (max-width: 1500px) {
  footer {
    padding-left: 0;
  }
  section{

  }
}

@media screen  and (min-width: 1520px) {
  footer {
    padding-left: 0;
  }
  section{

  }
}

@media screen  and (max-width: 980px) {
  header {
    background: #fff !important;
  }
  section{
    padding-top: 60px;
  }

  .ly-banner{
    .swiper-slide {
      a{
        margin: 0 0 20px;
      }
    }
  }
  .ly-content {
    .ly-list{
      li{
        padding: 10px 5px;
        img{
          //height: 154px;
        }
        &:last-child{
          img{
            //height: 315px;
          }
        }
      }
    }
  }
}